import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { Icon } from 'vant'
import 'vant/lib/index.css'
import {
  ZuiButton,
  ZuiField,
  ZuiFieldGroup,
  ZuiInput,
  ZuiSelector,
  ZuiPopupSelector,
  ZuiImageUploader,
  ZuiAttachment,
  ZuiMonth,
  ZuiSwitch,
  ZuiSortableInputs,
  ZuiPlaceholder,
  ZuiPopup,
  ZuiRedDot,
  ZuiLoading,
  ZuiLicensePlateInput,
  ZuiUserPicker
} from '../src'

import { DatetimePicker } from 'vant'

// import {
//   ZuiButton,
//   ZuiField,
//   ZuiFieldGroup,
//   ZuiInput,
//   ZuiSelector,
//   ZuiPopupSelector,
//   ZuiImageUploader,
//   ZuiAttachment,
//   ZuiMonth,
//   ZuiSwitch,
//   ZuiSortableInputs,
//   ZuiPlaceholder,
//   ZuiPopup,
//   ZuiLoading,
//   ZuiLicensePlateInput
// } from '@nmgolden/zui'
// import '@nmgolden/zui/style.css'

const app = createApp(App)
app.use(router)
app.use(Icon)
app.use(ZuiButton)
app.use(ZuiInput)
app.use(ZuiField)
app.use(ZuiFieldGroup)
app.use(ZuiSelector)
app.use(ZuiPopupSelector)
app.use(ZuiImageUploader)
app.use(ZuiAttachment)
app.use(ZuiMonth)
app.use(ZuiSwitch)
app.use(ZuiSortableInputs)
// 展示组件
app.use(ZuiPlaceholder)
app.use(ZuiPopup)
app.use(ZuiRedDot)
app.use(ZuiLicensePlateInput)
// 反馈组件
app.use(ZuiLoading)
app.use(ZuiUserPicker)

// vant
app.use(DatetimePicker)
app.mount('#app')
